<template>
    <div>
         <bread-list :list="['Home','404']"></bread-list>
         <div class="img">
            <img  src="../assets/images/404.png"/>
            <br><br>
         </div>
        <div class="error-msg">
            糟糕，页面不见了
        </div>
    </div>
</template>

<script>
import BreadList from './BreadList.vue'
export default {
  components: { BreadList },
    name: 'error'
}
</script>


<style scoped>
    .img {
        margin-top: 100px;
        transform: translateX(25%);
    }
    
    .error-msg {
        font-size: 50px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-align: center;
    }
</style>